<!-- NG-ZORRO -->
<a href="https://github.com/NG-ZORRO/ng-zorro-antd" target="_blank"
  style="display: flex;align-items: center;justify-content: center;height: 20%;width: 100%;">
  <img height="80" src="https://img.alicdn.com/tfs/TB1X.qJJgHqK1RjSZFgXXa7JXXa-89-131.svg">
</a>

<hr>
<p>home works!</p>

<!-- <nz-avatar [nzSize]="64" nzIcon="user"></nz-avatar> -->
<button nz-button nzType="primary">Primary</button>
<br>
<br>

<ng-template #template let-notification>
  <div class="ant-notification-notice-content divbox">
    <div>
      <div class="ant-notification-notice-message">Notification Title 01</div>
      <div class="ant-notification-notice-description">
        A function will be be called after the notification is closed (automatically after the "duration" time of
        manually).
      </div>
      <span class="ant-notification-notice-btn">
        <button nz-button nzType="primary" nzSize="small" (click)="notification.close()">
          <span>Confirm</span>
        </button>
      </span>
    </div>
  </div>
</ng-template>

<ng-template #template02 let-notification>
  <div class="ant-notification-notice-content template02-box">
    <div class="divbox">
      <div class="ant-notification-notice-message divmessage">提示</div>
      <div class="ant-notification-notice-description divdescription">
        {{templateText}}
      </div>
      <span class="ant-notification-notice-btn divbtn">
        <button nz-button (click)="notification.close()">
          <span>朕知道了</span>
        </button>
      </span>
    </div>
  </div>
</ng-template>
<button nz-button [nzType]="'primary'" (click)="createBasicNotification(template)">
  Open the notification box
</button>
<br>
<br>
<button nz-button [nzType]="'primary'" (click)="createBasicNotification03(template02)">
  测试01
</button>
<br>
<br>
<button nz-button [nzType]="'primary'" (click)="createBasicNotification04(template02)">
  测试02
</button>

<hr>
<span nz-icon nzType="close-circle" nzTheme="outline"></span>
<span nz-icon nzType="up-circle" nzTheme="outline"></span>
<hr>


<div class="xxx">
  333
</div>

<br>
<br>